<!DOCTYPE html>
<body>
  <style>
    @font-face {
      font-family: Ahem;
      src: url(../fonts/Ahem.ttf);
    }
    #a { font-family: Ahem }
    #c { font-family: Ahem2 }
  </style>
  <p id=a>First</p>
  <p>
    <style scoped>
      @font-face {
        font-family: Ahem2;
        src: url(../fonts/Ahem.ttf);
      }
      p { font-family: Ahem2; color: blue }
    </style>
    Second
  </p>
  <p id=c>Third</p>
</body>
